﻿@{
    ViewBag.Title = "";
    Layout = "~/Views/Shared/_LayoutPopup.cshtml";
}

@Scripts.Render("~/Scripts/Pages/image_preview.js")

<div style="width: 100%; height: 500px; text-align: center; background: rgba(0,0,0,.65)">
    <a class="actionlink" id="previous"><img src="../../Images/Template/arrow-left.png" /></a>
    <p class="image_content"><img id="image" alt="" /></p>
    <a class="actionlink" id="next"><img src="../../Images/Template/arrow-right.png" /></a>
</div>

<div class="nav">
    <div class="image_thumnail">
        <ul id="listThumnal">
            @{
                List<string> lstThumnail = ViewBag.ListThumnail;
                int id = 0;
                var index = 0;
                foreach(string thumnail in lstThumnail) 
                {
                    id++;
            
                    if (thumnail != string.Empty)
                    {
                        index++;
                        <li>
                            <a href="#" class="lnkImage"><img src="@thumnail" alt="" imageId="@id" index="@index" /></a>
                            <!--<div class="mask"></div>-->
                        </li>
                    }
                }
            }
        </ul>
    </div>
</div>
<input type="hidden" id="index" value="@ViewBag.Index" />
<input type="hidden" id="groupId" value="@ViewBag.GroupId" />
<input type="hidden" id="subGroupId" value="@ViewBag.SubGroupId" />
<input type="hidden" id="productId" value="@ViewBag.ProductId" />